﻿<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>我的第一个Bootstrap页面 </title>
	<link rel="stylesheet" href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="jQuery/mainPage_js.js"></script>
</head>
<body onLoad="showName()">
<div class="container col-md-12 col-sm-12">
<head class="header" >
<nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="background:#800000;color:gold" >
	<div class="container-fluid " > 
	<div class="navbar-header">
	
		<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#navbar-collapse">
			<span class="sr-only">切换导航</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		</button>
	<a class="navbar-brand brand " href="#" id="userName">Welcome </a>
	</div>
	<div class="collapse navbar-collapse " id="navbar-collapse">
		<ul class="nav navbar-nav navbar-right" >
			<li><a href="#Team">Team</a></li>
			<li><a href="#Source">Source</a></li>
			<li><a href="#Liu">Liu professor</a></li>
			<li class="dropdown">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					Java <b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
					<li><a href="#">伟龙</a></li>
					<li><a href="#">伟龙</a></li>
					<li><a href="#">伟龙</a></li>
					<li class="divider"></li>
					<li><a href="#">伟龙</a></li>
					<li class="divider"></li>
					<li><a href="#">伟龙</a></li>
				</ul>
				
			</li>
		</ul>
	</div>
	</div>
</nav>
</head>
<br/>
<br/>
<br/>
<br/>
<br/>
<div class="container text-center" >
	<div class="row" >
		<h1>I`m Willon,Chinese good man</h1>
		<h4>I`m WeiKing,Chinese good man</h4>
		<h5> Hanqing,Chinese good man</h5>
		<h6> Yechao,the best man of china</h6>
		<div class=" col-md-12 col-sm-12 "  >
		<a class="btn btn-warning " href="login.jsp" >LoginNow</a>
		<a class="btn btn-default " href="regist.jsp" >SignUp</a>
		</div>
	</div>
</div>
<br/>
<br/>
<br/>
<hr/>
</div>
<div class="container text-center col-md-12 col-sm-12" >
	<h3 style="color:#800000" id="Team">Our team pepole</h3>
	<br>
	<br>
</div>

<div class="container col-md-12 col-sm-12">
<div class="row"  >
	<div class="col-md-3 col-sm-6">
		<div class="thumbnail">
			<img src="image/2017.jpg" alt="美女">
				<div class="caption">
					<h3>Willon </h3>
					<h4>A Good Man</h4>
					<h4>熟悉jQuery Js H5 Java</h4>
					<p><a class="btn btn-info" href="#">赞一下</a>
					<a class="btn btn-default" href=""><abbr title="就不告诉你，打我呀">联系方式</abbr></a>
					</p>
				</div>
		</div>
	</div>

	<div class="col-md-3 col-sm-6">
		<div class="thumbnail">
			<img src="image/2.jpg" alt="美女">
				<div class="caption">
					<h3>Willon </h3>
					<h4>A Good Man</h4>
					<h4>熟悉jQuery Js H5 Java</h4>
					<p><a class="btn btn-info" href="#">赞一下</a>
					<a class="btn btn-default" href="#"><abbr title="我就不告诉你，怎样">联系方式</abbr></a>
					</p>
				</div>
		</div>
	</div>

	<div class="col-md-3 col-sm-6">
		<div class="thumbnail">
			<img src="image/3.jpg" alt="美女">
				<div class="caption">
					<h3>Willon </h3>
					<h4>A Good Man</h4>
					<h4>熟悉jQuery Js H5 Java</h4>
					<p><a class="btn btn-info" href="#">赞一下</a>
					<a class="btn btn-default" href="#"><abbr title="不告诉你">联系方式</abbr></a>
					</p>
				</div>
		</div>
	</div>

	<div class="col-md-3 col-sm-6">
		<div class="thumbnail">
			<img src="image/4.jpg" alt="美女">
				<div class="caption">
					<h3>Willon </h3>
					<h4>A Good Man</h4>
					<h4>熟悉jQuery Js H5 Java</h4>
					<p><a class="btn btn-info" href="#">赞一下</a>
					<a class="btn btn-default" href="#"><abbr title="不告诉你">联系方式</abbr></a>
					</p>
				</div>
		</div>
	</div>

</div>
<div class="row">
	<div class="col-md-3 col-sm-6">
		<div class="thumbnail">
			<img src="image/5.jpg" alt="美女">
				<div class="caption">
					<h3>Willon </h3>
					<h4>A Good Man</h4>
					<h4>熟悉jQuery Js H5 Java</h4>
					<p><a class="btn btn-info " href="#">赞一下</a>
					<a class="btn btn-default" href="#">联系方式</a>
					</p>
				</div>
		</div>
	</div>	

	<div class="col-md-3 col-sm-6">
		<div class="thumbnail">
			<img src="image/town.jpg" alt="美女">
				<div class="caption">
					<h3>Willon </h3>
					<h4>A Good Man</h4>
					<h4>熟悉jQuery Js H5 Java</h4>
					<p><a class="btn btn-info" href="#">赞一下</a>
					<a class="btn btn-default" href="#">联系方式</a>
					</p>
				</div>
		</div>
	</div>

	<div class="col-md-3 col-sm-6">
		<div class="thumbnail">
			<img src="image/green3.jpg" alt="美女">
				<div class="caption">
					<h3>Willon </h3>
					<h4>A Good Man</h4>
					<h4>熟悉jQuery Js H5 Java</h4>
					<p><a class="btn btn-info" href="#">赞一下</a>
					<a class="btn btn-default" href="#">联系方式</a>
					</p>
				</div>
		</div>
	</div>

	<div class="col-md-3 col-sm-6">
		<div class="thumbnail">
			<img src="image/12.jpg" alt="美女">
				<div class="caption">
					<h3>Willon </h3>
					<h4>A Good Man</h4>
					<h4>熟悉jQuery Js H5 Java</h4>
					<p><a class="btn btn-info" href="#">赞一下</a>
					<a class="btn btn-default" href="#">联系方式</a>
					</p>
				</div>
		</div>
	</div>

</div>
</div>

<input type="text" id="userFlag" value="${user.userName }" style="display:none">


	
</body>
</html>